import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import { createPinia } from 'pinia'
const pinia = createPinia()
// 创建完app实例，渲染之前，通过插件使用 router
// createApp(App).use(router).use(store).mount("#app")
const app = createApp(App)
app.use(router)
app.use(pinia)
app.mount("#app")
/* 
1. 如果不希望有其他的插件提示，可以禁用掉 例如 uni-app，小程序的插件
2. 希望有自动引进(官方有一些小bug，可能是required，那么就需要手动 import 引进)
    2.1 volar 自带
    2.2 Auto Import
*/

/* 
vue3基本语法小结
vue2 和 vue3 的区别(面试高频题目)
    1. 数据响应式原理重新实现 (ES6 proxy 替代了 ES5 的 Object.defineProperty)
    2. 提供了 composition api, 可以更好的逻辑复用与代码组织
    3. 源码用 typescript 重写, 有更好的类型推导 (类型检测更为严格, 更稳定)
    4. 虚拟 DOM - 新算法 (更快 更小)
    5. 模板可以有多个根元素

1. vite 的构建工具 - 与webpack的区别
vite使用的是原生的 esm 包，不需要编译，它是先起服务，需要用到模块再去加载，所以速度非常快
webpack：需要先把文件编译(es5的浏览器也能识别),编译完成后再起服务，速度较慢

2. 怎么创建vue3的项目
    0. node>=16,vue/cli@4(不使用第五版)
    1. npm create vite@latest
    2. npm i 

3. vue3插件介绍
    1. vscode - 安装 volar(兼容vue2，可以值使用volar，把 vuter、vuter 卸载)
    2. 谷歌浏览器 - Vue.js devtools(安装完重启浏览器即可)，保证版本在 6.1以上即可(兼容vue2)
*/